const db = wx.cloud.database()

Page({
  data:{
    banner:[],
    fenlei:[],
    product:[],
    search:[],
    num:20
  },

  // 搜索事件
  search:function(e){
    let that = this
  db.collection("product").where({
    name:e.detail.value
  }).get({
    success:function(res){
      that.setData({
        search:res.data
      })
      console.log("搜索成功",that.data.search)
      if(that.data.search == ""){
        wx.showToast({
          title: '未找到商品',
          icon:"none"
        })
      }
    },
    fail:function(res){
      console.log("搜索失败",res)
    },
  })
  console.log(this,this.banner);
  },
  // 分类跳转事件
  fenlei:function(){
    console.log(e)
  },
  // 轮播图
onLoad:function(){
  let that = this;
  db.collection("swiper").get({
    success:function(res){
      console.log("轮播图获取成功",res.data)
      that.setData({
        banner:res.data
      })
    },
    fail:function(err){
      console.log("轮播图获取失败",err)
    },
  })
  // 分类
  db.collection("fenlei").get({
    success:function(res){
      console.log("分类获取成功",res)
      that.setData({
        fenlei:res.data
      })
      
    },
    fail:function(err){
      console.log("分类获取失败",err)
    },
  })
  // 商品列表
  db.collection("product").get({
    success:function(res){
      console.log("商品获取成功",res)
      that.setData({
        product:res.data
      })
    },
    fail:function(err){
      console.log("商品获取失败",err)
    },
  })
},

onShow:function(){
  let that = this
  db.collection("swiper").get({
    success:function(res){
      console.log("轮播图获取成功",res)
      that.setData({
        banner:res.data
      })
    },
    fail:function(err){
      console.log("轮播图获取失败",err)
    },
  })
  // 分类
  db.collection("fenlei").get({
    success:function(res){
      console.log("分类获取成功",res)
      that.setData({
        fenlei:res.data
      })
    },
    fail:function(err){
      console.log("分类获取失败",err)
    },
  })
  // 商品列表
  db.collection("product").get({
    success:function(res){
      console.log("商品获取成功",res)
      that.setData({
        product:res.data.reverse()
      })
    },
    fail:function(err){
      console.log("商品获取失败",err)
    },
  })
},
// 页面上拉触底事件
onReachBottom:function(){
  let that = this
  wx.showLoading({
    title: '加载中',
    duration:1000
  })
  let old_data = that.data.product
  const db = wx.cloud.database()
  db.collection('product').skip(that.data.num).get().then(res => {
    // 利用concat函数连接新数据和旧数据
    this.setData({
      product:old_data.concat(res.data),
      num:that.data.num+10
    })
    if(res.data == ""){
      wx.showToast({
        title: '已经加载完毕',
        icon:'none'
      })
    }
  })
  .catch(err =>{
    console.error(err)
  })
  console.log('circle 下一页')
}
})